<div class="personaldata">
    <h4>个人资料</h4>
    <div class="user-pages">
        <form [formGroup]='formModel' (submit)='onSubmit()'>
            <div class="form-group clearfix">
                <div class="w-100 text-right pull-left">头像：</div>
                <div class="portrait pull-left">
                    <!--<em class="glyphicon glyphicon-user"></em>-->
                    <img [src]="userInfo?.AvatarUrl" class="portrait-user" #pic>
                    <div class="portrait-desc">
                        <a href="javascript:;" class="text-center">修改头像<input type="file" formControlName="file" #file (change)="onChange($event)"></a>
                    </div>
                </div>
            </div>
            <div class="form-group clearfix">
                <div class="w-100 text-right pull-left">昵称：</div>
                <div class="pull-left">
                    <input type="text" class="form-control" placeholder="" formControlName="NickName">
                </div>
            </div>
            <div class="form-group clearfix">
                <div class="w-100 text-right pull-left">性别：</div>
                <div class="pull-left">
                    <label class="mr-20" [class.checked]="formModel.get('Gender').value===1" [class.unchecked]="formModel.get('Gender').value===0">
                          <input type="radio" [value]="1" formControlName="Gender" name="Gender">男
                    </label>
                    <label [class.checked]="formModel.get('Gender').value===0" [class.unchecked]="formModel.get('Gender').value===1">
                          <input type="radio" [value]="0" formControlName="Gender" name="Gender">女
                    </label>
                </div>
            </div>
            <div class="form-group clearfix">
                <div class="w-100 text-right pull-left">个人简介：</div>
                <div class="pull-left">
                    <textarea maxlength="150" class="form-control" rows="3" formControlName="Abstract" placeholder="请写一段与投资相关的个人简介，可包括你关注股票及相关行业的理解，或是对过去投资经历的感受和思考等，全长不能超过150字，简介将公开显示在你的个人主页上。"></textarea>
                </div>
            </div>
            <div class="form-group clearfix">
                <div class="w-100 text-right pull-left">&nbsp;</div>
                <div class="pull-left">
                    <button class="btn btn-primary" type="submit">保存</button>
                </div>
            </div>
        </form>
    </div>
</div>
